<!-- 组织管理 -->
<template>
    <a-card style="width:100%" :tab-list="tabListNoTitle" :active-tab-key="titleKey"
        @tabChange="key => onTabChange(key)">
        <div v-if="titleKey === 'department'">
            <Department />
        </div>
        <div v-else-if="titleKey === 'position'">
            <Position />
        </div>
        <div v-else-if="titleKey === 'member'">
            <Member />
        </div>
    </a-card>
</template>

<script>
import Department from './components/org/orgList'
import Position from './components/duties/dutiesList'
import Member from './components/deptStaff/deptStaffList'
export default {
    components: {
        Department,
        Position,
        Member
    },
    data() {
        return {
            tabListNoTitle: [
                {
                    key: 'department',
                    tab: '部门管理',
                },
                {
                    key: 'position',
                    tab: '职位管理',
                },
                {
                    key: 'member',
                    tab: '成员管理',
                }
            ],
            titleKey: 'department',
        }
    },
    computed: {},
    watch: {},
    methods: {
        onTabChange(key) {
            this.titleKey = key;
        },
    },
    created() {

    },
    mounted() {

    },
}
</script>
<style scoped>
</style>